
<template>
  <view class="flex" style="width: 100%">
      <view class="fl1 flex a-item j-center">
          <view class="no btn  flex a-item j-center" :class="disabled?'grey':'no'" @tap="no">驳回</view>
      </view>
      <view class="fl1 flex a-item j-center">
          <view class="yes btn  flex a-item j-center" :class="disabled?'grey':'yes'" @tap="yes">批准</view>
      </view>
  </view>
</template>

<script>


import {handleApprove} from "../request/api/common_down";
import {appBack, getUserInfo, openZSelect} from "../common/android_interfacce";
import {getGlobalUser} from "../common/auth";

export default {
    name: "ratifying",
    props:{
        taskApprove:{
            type:Object,
            default:()=>{}
        }
    },
  data(){
      return{
        disabled:false
      }
  },
  created() {
      //判断当前用户是否是审批人 如果不是审批人则按钮颜色变为灰色 且无法点击\
    getUserInfo((user)=>{
      if(this.taskApprove.type === 1){
        this.disabled = true
      }
    })
  },
  methods: {
        yes() {
          if(this.disabled) return;
            //需要弹出抄送人
            //loading
            // if (this.taskApprove.isSelectNotifyUser == 1) {
            //     openZSelect({
            //         url: '/api/dropDown/sysUserList',
            //         filterable: true,
            //         multiple: true,
            //     }, (e) => {
            //         const notifyUserIdList = e.map(item => item.id)
            //         uni.showLoading({
            //             title: '处理中',
            //         })
            //         handleApprove({
            //             flowId: this.taskApprove.id,
            //             sourceId: this.taskApprove.sourceId,
            //             sourceType: this.taskApprove.sourceType,
            //             operationType: '2',
            //             notifyUserIdList,
            //         }).then(res => {
            //             uni.hideLoading()
            //             if (res.status === 200) {
            //                 appBack()
            //             } else {
            //                 uni.showToast({
            //                     title: res.msg,
            //                     icon: 'none'
            //                 })
            //             }
            //         })
            //     })
            //     return;
            // } else
            //   if (this.taskApprove.isSelectBank == 1) {
            //     //需要弹出银行
            //     openZSelect({
            //         url: '/api/dropDown/basBankList',
            //         filterable: true,
            //         multiple: false
            //     }, (e) => {
            //         const bankId = e[0].id
            //         uni.showLoading({
            //             title: '处理中',
            //         })
            //         handleApprove({
            //             flowId: this.taskApprove.id,
            //             sourceId: this.taskApprove.sourceId,
            //             sourceType: this.taskApprove.sourceType,
            //             operationType: '2',
            //             bankId
            //         }).then(res => {
            //             if (res.status === 200) {
            //                 uni.hideLoading()
            //                 appBack()
            //             } else {
            //                 uni.showToast({
            //                     title: res.msg,
            //                     icon: 'none'
            //                 })
            //             }

            //         })
            //     })
            //     return;
            // }

            uni.showLoading({
                title: '处理中',
            })
            handleApprove({
                flowId: this.taskApprove.id,
                sourceId: this.taskApprove.sourceId,
                sourceType: this.taskApprove.sourceType,
                operationType: '2'
            }).then(res => {
                uni.hideLoading()
                if (res.status === 200) {
                    appBack()
                } else {
                    uni.showToast({
                        title: res.msg,
                        icon: 'none'
                    })
                }

            })

        },
        no() {
            if(this.disabled) return;
            handleApprove({
                flowId: this.taskApprove.id,
                sourceId: this.taskApprove.sourceId,
                sourceType: this.taskApprove.sourceType,
                operationType: '3'
            }).then(res => {
                if (res.status === 200) {
                    appBack()
                } else {
                    uni.showToast({
                        title: res.msg,
                        icon: 'none'
                    })
                }
            })
        }
    }
}
</script>

<style scoped lang="scss">
.btn{
  height: 60rpx;
  width: 300rpx;
  border-radius: 20rpx;
  color: white;
}

.no{
  background: red;
}
.yes{
  background: green;
}
.grey{
  background: grey!important;
}
</style>
